@charset "utf-8";
/**
 * name:        帮助中心
 * author:      wuwq & lyj
 * Time:        18/01/26
 * Copyright:   chinadangmai.com
 */

.mod_backstage{width: 1190px;margin: 0 auto;overflow: hidden;padding: 20px 0 30px;}
.backstage_left, .backstage_right{background: #fff;border-radius: 2px;}
.backstage_left{width: 200px;float: left;min-height: 335px;}
.backstage_right{width: 972px;float: right;padding: 40px 0;}
/* 帮助中心左侧菜单 */
.nav_tit{width: 100%;height: 25px;line-height: 25px;text-align: center;font-size: 18px;color: #333;margin-top: 25px;margin-bottom: 15px;}
.help_home,
.mene_list{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;color: #333;}
.help_menu,.help_list,
.help_submenu{width: 100%;height: auto;}
.help_menu{margin-bottom: 20px;}
.submenu_list,
.submenu_list a{display: block;width: 100%;height: 30px;line-height: 30px;text-align: center;font-size: 14px;color: #999;}
.submenu_list.active_01 a{color: #f10215;}
/* .mene_list:hover, */
.submenu_list a:hover{color: #f10215;}
.mod_help{width: 358px;height: 30px;line-height: 30px;margin: 0 auto;position: relative;}
.help_tit{width: 158px;height: 30px;line-height: 30px;background: #fff;font-size: 16px;text-align: center;color: #333;position: absolute;top: 0;left: 50%;margin-left: -79px;z-index: 2;}
.help_border{width: 358px;height: 1px;background: #f0f0f0;position: absolute;top: 50%;left: 0;z-index: 1;}
.active{color: #f10215;}
.active_01{color: #f10215;}

/* 帮助中心首页 */
.help_new{width: 655px;height: auto;overflow: hidden;margin: 23px auto 75px;overflow: hidden;}
.help_step{width: 60px;height: auto;float: left;}
.help_step .icon{display: block;width: 50px;height: 50px;overflow: hidden;margin: 0 auto;}
.help_step span{display: block;width: 100%;height: 20px;line-height: 20px;text-align: center;font-size: 14px;color: #333;}
.help_icon{display: block;width: 19px;height: 12px;background: url(../../img/help/icon_13.png) center center no-repeat;float: left;margin: 20px 20px 0;}
.help_auto{display: block;width: 655px;height: auto;margin: 0 auto 75px;overflow: hidden;}
.help_auto li{width: 160px;height: 170px;float: left;margin: 0 87px 0 0;}
.help_auto li:nth-child(3n){margin-right: 0;}
.auto_icon{display: block;width: 106px;height: 106px;margin: 0 auto;}
.help_auto li span{display: block;width: 100%;height: 20px;line-height: 20px;text-align: center;font-size: 14px;color: #333;}
.help_auto li p{display: block;width: 100%;height: auto;line-height: 20px;text-align: center;font-size: 14px;color: #666;}
.help_kefu{width: 500px;height: auto;overflow: hidden;margin: 18px auto 15px;}
.help_kefu span{display: block;width: 250px;height: 20px;line-height: 20px;font-size: 14px;color: #666;float: left;}
.icon_01{background: url(../../img/help/icon_01.png) center center no-repeat;}
.icon_02{background: url(../../img/help/icon_02.png) center center no-repeat;}
.icon_03{background: url(../../img/help/icon_03.png) center center no-repeat;}
.icon_04{background: url(../../img/help/icon_04.png) center center no-repeat;}
.icon_05{background: url(../../img/help/icon_05.png) center center no-repeat;}
.icon_06{background: url(../../img/help/icon_06.png) center center no-repeat;}
.icon_07{background: url(../../img/help/icon_07.png) center center no-repeat;}
.icon_08{background: url(../../img/help/icon_08.png) center center no-repeat;}
.icon_09{background: url(../../img/help/icon_09.png) center center no-repeat;}
.icon_10{background: url(../../img/help/icon_10.png) center center no-repeat;}
.icon_11{background: url(../../img/help/icon_11.png) center center no-repeat;}
.icon_12{background: url(../../img/help/icon_12.png) center center no-repeat;}

/* 帮助中心详情 */
.help_center_list{width: 724px;height: auto;margin: 47px auto 25px;overflow: hidden;list-style: square inside url(../../img/help/icon_14.png);}
.help_center_list li{width: 228px;height: 20px;float: left;margin: 6px 20px 6px 0;overflow: hidden;}
.help_center_list li:nth-child(3n){margin-right: 0;}
.help_center_list li a{font-size: 14px;color: #333;}
.help_center_list li a:hover{color: #f10215;}
.help_center_list li.active a{color: #f10215;}


.help_detail{width: 682px;height: auto;min-height: 150px;margin: 0 auto 56px;overflow: hidden;/*border: #ccc solid 1px;*/padding: 20px;border-radius: 2px;}
.help_detail_tit{display: inline-block;padding: 0 32px;height: 32px;line-height: 32px;background: #f2f2f2;font-size: 14px;color: #333;border-radius: 2px;}
.detail_txt{width: 682px;height: auto;font-size: 14px;color: #999;line-height: 20px;margin-top: 20px;}
.detail_txt p{margin-bottom: 20px;}
.detail_txt p:last-child{margin-bottom: 0;}
.detail_txt img{width: 100%;}